<layout name="layout" />
<ul class="uk-breadcrumb">
    <li><a href="__APP__">Home</a></li>
    <li><a href="__CONTROLLER__/index">All Products</a></li>
    <li><a href="__CONTROLLER__/index">{$cat_name}</a></li>
    <li class="uk-active"><span>{$product_name}</span></li>
</ul>
<div class="uk-grid">
    <div class="uk-width-1-4">
        <img class="uk-border-rounded" src="__PUBLIC__/Uploads/{$product_dir}/{$product_img}" alt="{$product_name}">
    </div>
    <div class="uk-width-3-4">
        <article class="uk-article uk-form">
            <h1 class="uk-article-title">{$product_name}</h1>
            <p class="uk-article-lead uk-text-danger">$&nbsp;{$product_price}</p>
            <input type="text" ng-model="quantity" size="10" maxlength="2" ng-init="quantity=1" value="{{quantity}}" />
            <button class="uk-button uk-button-primary" ng-click="addToCart({$product_id},quantity)" type="button">Add To Cart</button>
            <hr class="uk-article-divider"> {$product_content|htmlspecialchars_decode}
        </article>
    </div>
</div>
